<script setup lang="ts">
import { ref } from 'vue';

// 1. 定义属性
const car = ref('劳斯莱斯')

// 2. 定义方法
const play = () => {
  alert('快来挖');
}

// 暴露出去
defineExpose({
  car,
  play
})
</script>

<template>
  <div class="box">
    子组件
    {{ car }}
    <button @click="play">点我</button>
  </div>
</template>

<style scoped>
.box {
  width: 300px;
  height: 300px;
  border: 10px solid #000;
}
</style>
